<ion-header>
    <ion-toolbar class="toolbar-head">
      <ion-buttons slot="start" mode='ios'>
        <ion-back-button text=""></ion-back-button>
      </ion-buttons>
      <ion-title>My Coupons</ion-title>

      <span *ngIf="isPitch" slot="end" style="color: #fff; margin-right: 10px;" (click)="noUse()">Cancel</span>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <div class="discount-content">
        <div class="discount" *ngFor="let item of discountArray">
          <div class="discount-left">
            <p style="font-size: 1rem;">${{AmountOfConversion(item.couponPrice)}}Coupons</p>
            <p style="font-size: 0.7rem;">{{AmountOfConversion1(item.couponPrice)}} Use</p>
          </div>
          <label class="discount-right" (click)="use(item)">{{discountStr(item.couponStatus)}}</label>
        </div>

        <!-- <div class="discount" style=" background:url(../../../../assets/img/discount-2.png) no-repeat; background-size: 100%;">
            <div class="discount-left">
              <p style="font-size: 1rem;">$10店铺代金券</p>
              <p style="font-size: 0.7rem;">满59即可使用</p>
            </div>
            <label class="discount-right">已使用</label>
          </div> -->
    </div>
  </ion-content>